{% extends "base.html" %}
{% block title %}Sign In{% endblock %}
{% block stylesheet %}
    <link type="text/css" rel="stylesheet" href="/Site/static/css/signin.css">
{% endblock %}

{% block body %}
    {% if message %}
        <div class="alert alert-{{ message.type }}" role="alert">
            {{ message.content }}
        </div>
    {% endif %}

    <div class="container">
        <form class="form-signin" method="post">
            {% csrf_token %}
            <img class="mb-4" src="https://getbootstrap.com/assets/brand/bootstrap-solid.svg" alt="" width="72"
                 height="72">
            <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>

            {{ form.non_field_errors }}
            {% for field in form %}
                {{ field.errors }}
                <label for="{{ field.id_for_label }}" class="sr-only">
                    {% if field.help_text %}
                        {{ field.help_text|safe }}
                    {% else %}
                        {{ field.label }}
                    {% endif %}
                </label>
                <input type="text" name="{{ field.label|lower }}" class="form-control" placeholder="{{ field.label }}" required autofocus>

            {% endfor %}

            <div class="checkbox mb-3">
                <label><input type="checkbox" value="remember-me"> Remember me</label>
            </div>
            <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
            <p class="mt-5 mb-3 text-muted">&copy; 2017-2018</p>
        </form>
    </div>
{% endblock %}

